.wo-item{
  background-color: #ffffff;
	box-shadow: 0px 0px 8rpx 0px 
		rgba(0, 0, 0, 0.2);
  border-radius: 4rpx;
  margin: 0 40rpx;
  margin-top: 40rpx;

  &__head{
    height: 150rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20rpx;
  }
  &__marker{
    flex-shrink: 0;
    width: 62rpx;
    height: 62rpx;
    border: solid 1px #3d85db;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3d85db;
    font-size: 35rpx;
  }
  &__info{
    flex: 1;
    padding-left: 17rpx;
  }
  &__row{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  &__name{
    color: #202020;
    font-size: 36rpx;
  }
  &__status{
    border-radius: 12rpx;
    padding: 0 24rpx;
    margin-left: 18rpx;
    width: 106rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24rpx;
    white-space: nowrap;
    border: solid 1px #3d85db;
    text{
      color: #3d85db;
      font-size: 20rpx;
      transform: scale(.6);
      transform-origin: center;
    }
    &--normal{
      border-color: #3d85db;
      text{
        color: #3d85db;
      }
    }
    &--error{
      border-color:#ff0000;
      text{
        color: #ff0000;
      }
    }
  }
  &__num{
    color: #404040;
    font-size: 20rpx;
    margin-top: 5rpx;
  }
  &__headright{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  &__time{
    color: #808080;
    font-size: 20rpx;
    font-weight: 300;
    position: relative;
    top: 5rpx;
  }
  &__link{
    display: flex;
    flex-direction: row;
    align-items: center;
    text {
      color: #3d85db;
      font-size: 20rpx;
    }
    image{
      width: 12rpx;
      height: 20rpx;
      margin-left: 10rpx;
    }
  }
  &__body{
    padding: 30rpx 20rpx;
    
  }
  &__divider{
    height: 1px;
    background-color: #cccccc;
    margin: 0 20rpx;
    transform: scaleY(.5);
  }
  &__cellgroup{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  &__cell{
    flex: 1;
    display: flex;
    flex-direction: row;
    margin-top: 15rpx;
    image{
      width: 20rpx;
      margin-right: 20rpx;
      vertical-align: middle;
      position: relative;
      top: 4rpx;
    }
    text{
      line-height: 34rpx;
      color: #404040;
      font-size: 24rpx;
      vertical-align: middle;
    }
    view{
      flex: 1;
      color: #404040;
      font-size: 24rpx;
      line-height: 34rpx;
    }
  }
  &__footer{
    padding: 0 20rpx;
    padding-bottom: 30rpx;
    margin-top: -20rpx;
  }
  &__btngroup{
    display: flex;
    flex-direction: row;
    width: 100%;
    button{
      white-space: nowrap;
      margin-top: 20rpx;
    }
    &--num1{
      button{
        flex: 1;
      }
    }
    &--num2{
      justify-content: space-between;
      button{
        width: 48%;
      }
    }
    &--num3{
      justify-content: space-between;
      button{
        width: 31%;
      }
    }
  }
  &__more{
    height: 75rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: -15rpx;
    &--up{
      image{
        transform: rotate(180deg);
      }
    }
    image{
      width: 26rpx;
      height: 24rpx;
    }
  }
}